<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head lang="en">
    <title>自动化测试系统</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <link th:href="@{/img/favicon.ico}" rel="shortcut icon"/>
    <link th:href="@{/css/easydialog.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrap-table.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrapValidator.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/jquery-confirm-V3.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/bootstrap-select.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/reset/index.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/biz-common.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/biz-index.css}" rel="stylesheet" type="text/css"/>

</head>

<body class="layout">
<div style="box-shadow: 0px 1px 1px #ccc;">
    <header id="bannder" style="background-color: #337ab7;">
        <div class="logo">
            <a href="#" style="text-decoration: none; color: white; font-weight: bolder; font-size: large;">
                <div class="logo_img"></div>
                自动化测试系统</a>
        </div>
        <div class="home_system visitor">
            <!-- 欢迎语 -->
            <span style="font-weight: bold; font-size:small; margin-left: 30px;color: white;">欢迎您:</span>
            <shiro:authenticated>
                <span class="userName" style="text-decoration: none; color: white;"><shiro:principal
                        property="name"/></span>
            </shiro:authenticated>
            <!-- 所属区域 -->
            <span style="text-decoration: none; color: white;">[</span>
            <span class="dropdown" style="min-width: 90px;">
                <button type="button" class="btn btn-primary" id="index_area_id_btn" data-toggle="dropdown"
                        style="background-color: #337ab7; border: 0px;">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="index_area_id_btn" id="index_area_id_ul"
                    style="margin-left: 16px;">
                </ul>
            </span>
            <span style="text-decoration: none; color: white;">]</span>
            <!-- 我的 -->
            <span style="font-size: 14px;margin-left: 5px;"></span>
            <a href="javascript:void(0);" id="my_info" style="color: white;">[我的]</a>
            <!-- 退出 -->
            <a href="javascript:void(0);" id="quit" style="color: white;">[退出]</a>
        </div>

        <!-- 导航菜单 -->
        <div class="home_menu js_nav jsh_nav">
            <div id="js-left-menu">
                <ul>
                    <li>
                        <a class=" menu-optionh" href="javascript:void(0);"><i class="leftBtn"><img
                                th:src="@{/img/nav_left_icon_1.png}" class="icon_img" alt=""/></i></a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/apply_list.zdo"><img th:src="@{/img/iocn_jkjl.png}" class="icon_img" alt=""/>申请属性</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/audit_list.zdo"><img th:src="@{/img/icon_yjfk.png}" class="icon_img" alt=""/>审核属性</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/release_list.zdo"><img th:src="@{/img/icon_yhcx.png}" class="icon_img" alt=""/>发布属性</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/task_list.zdo"><img th:src="@{/img/icon_zx.png}" class="icon_img"
                                                            alt=""/>任务管理</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/host_list.zdo"><img th:src="@{/img/icon_jmyqfjl.png}" class="icon_img" alt=""/>主机管理</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/dubbo_list.zdo"><img th:src="@{/img/icon_jmyqfjl.png}" class="icon_img" alt=""/>Dubbo管理</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="record/redis_list.zdo"><img th:src="@{/img/icon_jmyqfjl.png}" class="icon_img" alt=""/>Redis管理</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="config/app_list.zdo"><img th:src="@{/img/icon_jmyqfjl.png}" class="icon_img" alt=""/>应用管理</span>
                        </a>
                    </li>
                    <li class="zz-side-nav-item">
                        <a class="menu-option menu-optionh zz-firstLink" href="javascript:void(0);"
                           page="log/user_opt_list.zdo"><img th:src="@{/img/icon_lxkf.png}" class="icon_img" alt=""/>操作日志</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div id="js-right-menu">
                <a class="menu-optionh" href="javascript:void(0);"><i class="right-btn"><img
                        th:src="@{/img/nav_left_icon_2.png}" class="icon_img" alt=""/></i></a>
                <a class="menu-option-right" href="javascript:void(0);"><img th:src="@{/img/iocn_jkjl.png}"
                                                                             class="icon_img" alt=""/></a>
                <a class="menu-option-right" href="javascript:void(0);"><img th:src="@{/img/icon_yjfk.png}"
                                                                             class="icon_img" alt=""/></a>
                <a class="menu-option-right" href="javascript:void(0);"><img th:src="@{/img/icon_yhcx.png}"
                                                                             class="icon_img" alt=""/></a>
                <a class="menu-option-right" href="javascript:void(0);"><img th:src="@{/img/icon_zx.png}"
                                                                             class="icon_img" alt=""/></a>
                <a class="menu-option-right" href="javascript:void(0);"><img th:src="@{/img/icon_jmyqfjl.png}"
                                                                             class="icon_img" alt=""/></a>
                <a href="javascript:void(0);" class="menu-option-right"><img th:src="@{/img/icon_lxkf.png}"
                                                                             class="icon_img" alt=""/></a>
            </div>
        </div>
    </header>
</div>


<!-- 我的-权限列表Modal -->
<div class="modal fade" id="my_info_modal" tabindex="-1" role="dialog" aria-labelledby="my_info_modal_label"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 820px; height: 600px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="my_info_modal_label">我的-权限列表</h4>
            </div>
            <div class="modal-body">
                <!--查询条件-->
                <div class="container" style="width: auto;">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="form-inline form-container">
                                <div class="form-group">
                                    <label>登录用户：</label>
                                    <input type="text" class="form-control" id="pri_search_login_user"
                                           placeholder="登录用户">
                                </div>
                                <div style="float: left;">
                                    <button type="button" class="btn btn-primary search_login_user_btn">查询</button>
                                    <button type="reset" class="btn btn-primary reset_login_user_btn">重置</button>
                                    &nbsp;&nbsp;
                                    <shiro:hasPermission name="acl:my:perm:btn_add_clean">
                                        <button type="button" class="btn btn-danger add_privilege_btn">新增</button>
                                    </shiro:hasPermission>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--数据表格-->
                <div style="width: 800px; height: 600px;">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="table-container">
                                <table id="my_info_privilege_list_table"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<!-- 新增权限Modal -->
<div class="modal fade" id="add_privilege_modal" tabindex="-1" role="dialog" aria-labelledby="add_privilege_modal_label"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="add_privilege_modal_label">新增权限</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" id="add_privilege_form">
                    <div class="form-group">
                        <label for="loginUser" class="col-sm-2 control-label">登录用户</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="loginUser" name="loginUser"
                                   placeholder="登录用户">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="areaId" class="col-sm-2 control-label">所属区域</label>
                        <div class="col-sm-10">
                            <select class="form-control" data-live-search="true" id="areaId" name="areaId">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="appId" class="col-sm-2 control-label">所属应用</label>
                        <div class="col-sm-10">
                            <select class="form-control" id="appId" data-live-search="true" name="appId">
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="description" class="col-sm-2 control-label">描述</label>
                        <div class="col-sm-10">
                            <textarea rows="4" class="form-control" id="description" name="description"
                                      placeholder="描述"></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary " id="save_privilege_btn">保存</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<main id="content" class="contenth">
    <iframe id="frame_content" class="page1" src=""></iframe>
</main>

<script th:src="@{/config.js}"></script>
<script th:src="@{/jslib/jquery.js}"></script>
<script th:src="@{/jslib/bootstrap.min.js}"></script>
<script th:src="@{/jslib/bootstrapTable.js}"></script>
<script th:src="@{/jslib/bootstrapValidator.min.js}"></script>
<script th:src="@{/jslib/jquery-confirm-V3.js}"></script>
<script th:src="@{/jslib/bootstrap-select.min.js}"></script>
<script th:src="@{/jslib/moment.js}"></script>
<script th:src="@{/util.js}"></script>
<script th:src="@{/index.js}"></script>
</body>

</html>